﻿.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
    width: 80%;
    /* background-color: #f5f5f5; */
  }
  
  .content {
    background-color: white;
    /* padding: 32px; */
    border-radius: 8px;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    width: 550px; /* 可以根据需要调整宽度 */
    /* outline: 1px solid #d9d9d9; */
    margin-top: -30px;
  }
  
  .title {
    text-align: center;
    margin-bottom: 32px;
    color: #333;
  }
  
  .input-url {
    margin-bottom: 16px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
  }
  
  .upload-area {
    margin-bottom: 16px;
  }
  
  .start-button {
    width: 100%;
  }

  /* .ant-upload {
    width: 400px;
  } */

  .top-row {
    display: flex;
    justify-content: space-between;
  }

  .left-image {
    flex-basis: 50%;
    max-width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
  }

  .right-chart {
    flex-basis: 60%;
    max-width: 60%;
    /* display: flex; */
    padding-left: 100px;
    align-items: center;
    justify-content: center;
    height: 350px;

  }

  .bar-chart {
    /* Add any specific styling for the bar chart here */
  }

  .bottom-chart {
    flex-basis: 100%;
    width: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
  }